"The First Web Windows 10 (Windows 10 Interface Design ) Design By Sachin Yadav"
Bootstrap 3.3.0 Snippet by Sachin Yadav

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div id="context_menu" class="right-click-menu">
<div class="list-group">
<a href="#" class="list-group-item">View <span class="pull-right glyphicon glyphicon-play context-menu-icon"></span></a>
<a href="#" class="list-group-item">Sort By <span class="pull-right glyphicon glyphicon-play context-menu-icon"></span></a>
<a href="#" class="list-group-item">Refresh</a>
<hr/>
<a href="#" class="list-group-item">Paste</a>
<a href="#" class="list-group-item">Paste shortcut</a>
<a href="#" class="list-group-item">Undo Delete</a>
<hr/>
<a href="#" class="list-group-item">Graphics Properties...</a>
<a href="#" class="list-group-item">Graphics Options <span class="pull-right glyphicon glyphicon-play context-menu-icon"></span></a>
<hr/>
<a href="#" class="list-group-item">New <span class="pull-right glyphicon glyphicon-play context-menu-icon"></span></a>
</div>
</div>
<!--- window --->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn btn-danger window-close-btn" data-dismiss="modal" aria-hidden="true">×</button>
<button type="button" class="btn window-btn-all" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-stop"></span></button>
<button type="button" class="btn window-btn-all" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-minus"></span></button>
<h4 class="modal-title"><img src="1.jpg" width="40px" class="window-icon"/><span class="window-title">Adobe Dreamweaver CS3 - [C:\Users\Sachin Yadav\ Desktop\window\login.php]</span></h4>
</div>
<div class="modal-body">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*!
*(http://wwww.fastlearning.in)
* Copyright 2015 Sachin Yadav Production.
*/
body{ background-color:#ccc;}
.main-bg{ background-color:#666; padding-right:3px; padding-top:3px; padding-bottom:3px;}
.open > .dropdown-menu {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity:1;
}
.dropdown-menu {
opacity:.3;
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transform: scale(1, 0);
display: block;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
box-shadow:none !important;
}
.flmenu{
width: 160px!important;
height: 100px!important;
margin:5px;
display:block !important;
padding-top:23px;
color:#f5f5f5;
border:2px solid transparent;
}
.span-icon{ font-size:30px;}
.flmenu:hover{ background-color:#f5f5f5 !important; cursor:pointer; color:#CCCCCC;border-color:rgba(161,161,161,0.5);}
.flmenu1{
background-color: #000000;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
window.onload = function(){getTime();}
function getTime(){
var display = new Date();
var h = display.getHours();
var m = display.getMinutes();
m = checkTime(m);
document.getElementById('fl-time').innerHTML=h+":"+m;
setTimeout(function(){getTime()},1000);
}
function checkTime(i){
if (i<10){
i="0" + i;
}
return i;
}
var mozilla=document.getElementById && !document.all
var ie=document.all
var contextisvisible=0
function iebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function displaymenu(e){
el=document.getElementById("context_menu")
contextisvisible=1
if (mozilla){
el.style.left=pageXOffset+e.clientX+"px"
el.style.top=pageYOffset+e.clientY+"px"
el.style.visibility="visible"
e.preventDefault()
return false
}
else if (ie){
el.style.left=iebody().scrollLeft+event.clientX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: